.chat-list {
  padding: 10px;
  height: 100vh;
  overflow-y: scroll;
  padding-bottom: 50px;
  .chat-list-left {
    display: flex;
    margin: 10px 0;
    .avatar {
      width: 30px;
      height: 30px;
      flex-shrink: 0;
    }
    .content {
      background-color: skyblue;
      border: 1px solid #ccc;
    }
  }

  .chat-list-right {
    display: flex;
    flex-direction: row-reverse;
    margin: 10px 0;
    .avatar {
      width: 30px;
      height: 30px;
      flex-shrink: 0;
    }
    .content {
      background-color: skyblue;
      border: 1px solid #ccc;
    }
  }
}
